<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>id选择器</title>
    <style type="text/css">
        .span-news{
            font-weight: bold;
            background-color: magenta;
            color:black;
        }
        #span-news-tb{
            background-color: #999999;
            font-size: 25px;
            font-weight: bold;
        }
    </style>
</head>
<body>
<span class="span-news">新闻一</span>
<span class="span-news">新闻一</span>
<span class="span-news">新闻一</span>
<span class="span-news">新闻一</span>
<span class="span-news">新闻一</span>
<hr>
<!--
细节：一般来说 id选择器是提供给某一个html元素来使用
     当我们不确定有多少个元素使用该样式时，请使用类选择器
-->
<span id="span-news-tb">这是一则比较重要的新闻</span>
</body>
</html>